<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .love{
            width: 600px;
            height: 266px;
            margin:70px auto;
            position: relative;
        }
        .one{
            width: 200px;
            height: 266px;
            margin: 70px auto;
            position: relative;
        }
        .hope{
            width: 48px;
            height: 48px;
            background-color: red;
            position: absolute;
            top: 0px;
            left:0px;
            color: white;font-size: 30px;
            text-align: center;
            line-height: 48px;
        }
        .two{
            width: 400px;
            height: 266px;
            background-color: rgb(251, 251, 251);
            position: absolute;
            top:0px;
            left: 445px;
        margin-left: -10px;
            

        }
        a{
            display: block;
            text-decoration: none;
            outline: none;
            margin-top: 10px;
            font-size: 30px;
            color: grey;
            
        }
        .three{
            font-size: 30px;
            color: #000;
            margin-top: 40px;
        }
        .three:hover{
            color: red;
        }
    </style>
</head>
<body>
    <div class="love">
    <div class="one">
      <div class="hope">1</div>  
  <a href="https://www.baidu.com/s?wd=%E7%BB%9D%E5%9C%B0%E6%88%98%E8%AD%A64+%E7%94%B5%E5%BD%B1&sa=fyb_hp_movie_hao123&rsv_dl=fyb_hp_movie_hao123&from=hao123&tn=50000181_hao_pg&H123Tmp=nunew9"><img src="imag/img.jfif" alt=""></a></div>
    <div class="two">
        <a class="three" href="https://www.baidu.com/s?wd=%E7%BB%9D%E5%9C%B0%E6%88%98%E8%AD%A64+%E7%94%B5%E5%BD%B1&sa=fyb_hp_movie_hao123&rsv_dl=fyb_hp_movie_hao123&from=hao123&tn=50000181_hao_pg&H123Tmp=nunew9">绝地战警</a>
        <a href="https://www.baidu.com/s?wd=%E7%BB%9D%E5%9C%B0%E6%88%98%E8%AD%A64+%E7%94%B5%E5%BD%B1&sa=fyb_hp_movie_hao123&rsv_dl=fyb_hp_movie_hao123&from=hao123&tn=50000181_hao_pg&H123Tmp=nunew9">热搜指数：121209</a>
        <a href="https://www.baidu.com/s?wd=%E7%BB%9D%E5%9C%B0%E6%88%98%E8%AD%A64+%E7%94%B5%E5%BD%B1&sa=fyb_hp_movie_hao123&rsv_dl=fyb_hp_movie_hao123&from=hao123&tn=50000181_hao_pg&H123Tmp=nunew9">地区：其它</a>
        <a href="https://www.baidu.com/s?wd=%E7%BB%9D%E5%9C%B0%E6%88%98%E8%AD%A64+%E7%94%B5%E5%BD%B1&sa=fyb_hp_movie_hao123&rsv_dl=fyb_hp_movie_hao123&from=hao123&tn=50000181_hao_pg&H123Tmp=nunew9">类型：动作</a>
    </div>
</div>
</body>
</html>